﻿@section head{
<script>
    $(function myfunction() {
        SetTitle("拼车订单")
    })
</script>
}
<script src="~/medias/js/bootstrap.min.js"></script>
<div class="order-menu">
    <ul class="three">
        <li class="active"><a href="#tab-0" data-toggle="tab">全部</a></li>
        <li><a href="#tab-1" data-toggle="tab">进行中</a></li>
        <li><a href="#tab-2" data-toggle="tab">已成功</a></li>
    </ul>
</div>
<div class="clearfix"></div>
<div>
    <div class="orderList no-border">
        <a href="订单详情">

            <div class="details">
                <ul>
                    <li class="ellipsis ellipsis-line-3">
                        <span class="purpleFont">【拼车】</span>
                        <p>【芜湖方特一期】<b>安徽师范大学东门</b>出发</p>
                    </li>
                    <li><p class="greyFont">订单总价：</p><p class="priceFont">￥</p><span class="inlineBlock marginRight priceFont">28</span></li>
                    <li><p class="greyFont">发车时间：</p><span>2015-10-10</span></li>
                </ul>
            </div>
        </a>
    </div>
    <ul class="orderState">
        <li>
            <p class="greyFont inlineBlock marginRight10">订单状态:</p>
            <span class="redFont">拼车中</span>
        </li>
    </ul>

    <div class="orderList no-border">
        <a href="订单详情">

            <div class="details">
                <ul>
                    <li class="ellipsis ellipsis-line-3">
                        <span class="purpleFont">【拼车】</span>
                        <p>【芜湖方特一期】<b>安徽师范大学东门</b>出发</p>
                    </li>
                    <li><p class="greyFont">订单总价：</p><p class="priceFont">￥</p><span class="inlineBlock marginRight priceFont">28</span></li>
                    <li><p class="greyFont">发车时间：</p><span>2015-10-10</span></li>
                </ul>
            </div>
        </a>
    </div>
    <ul class="orderState">
        <li>
            <p class="greyFont inlineBlock marginRight10">订单状态:</p>
            <span class="greenFont">拼车成功</span>
        </li>
    </ul>
    <div class="orderList no-border">
        <a href="订单详情">

            <div class="details">
                <ul>
                    <li>
                        <span class="purpleFont">【拼车】</span>
                        <p>【芜湖方特一期】<b>安徽师范大学东门</b>出发</p>
                    </li>
                    <li><p class="greyFont">订单总价：</p><p class="priceFont">￥</p><span class="inlineBlock marginRight priceFont">28</span></li>
                    <li><p class="greyFont">发车时间：</p><span>2015-10-10</span></li>
                </ul>
            </div>
        </a>
    </div>
    <ul class="orderState">
        <li>
            <p class="greyFont inlineBlock marginRight10">订单状态:</p>
            <span>拼车失败</span>
        </li>
    </ul>

</div>
